<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:86:"D:\yinni\newwamp\wamp64\www\fire_lot\public/../application/admin\view\index\index.html";i:1505441174;s:81:"D:\yinni\newwamp\wamp64\www\fire_lot\public/../application/admin\view\layout.html";i:1505441464;}*/ ?>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <title>消防监测预警平台</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- ================== BEGIN BASE CSS STYLE ================== -->
    <!-- 	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" /> -->
    <link href="artisan_plugins/jquery-ui/themes/base/minified/jquery-ui.min.css" rel="stylesheet" />
    <link href="artisan_plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="artisan_plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="artisan_css/animate.min.css" rel="stylesheet" />
    <link href="artisan_css/style.min.css" rel="stylesheet" />
    <link href="artisan_css/style-responsive.min.css" rel="stylesheet" />
    <link href="artisan_css/theme/red.css" rel="stylesheet" id="theme" />

    <!-- ================== END BASE CSS STYLE ================== -->
    <!-- ================== BEGIN PAGE CSS ================== -->
    <style type="text/css">
    .has-sub p{
        font-size: 15px;
    }
    .sub-menu a{
        font-size: 14px;
        font-weight: bold;
    }  
    .breadcrumb>li{
        font-size: 14px;
    } 
    .panel-heading .panel-title{
        font-size: 14px;
        font-weight: 12px;
    }     
    </style>
    
<!-- ================== BEGIN PAGE LEVEL STYLE ================== -->
<link href="artisan_plugins/jquery-jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" />
<link href="artisan_plugins/bootstrap-datepicker/css/datepicker.css" rel="stylesheet" />
<link href="artisan_plugins/bootstrap-datepicker/css/datepicker3.css" rel="stylesheet" />
<link href="artisan_plugins/gritter/css/jquery.gritter.css" rel="stylesheet" />
<!-- ================== END PAGE LEVEL STYLE ================== -->

    <!-- ================== END PAGE CSS ================== -->
</head>
<body>
<!-- begin #page-loader -->
<div id="page-loader" class="fade in"><span class="spinner"></span></div>
<!-- end #page-loader -->

<!-- begin #page-container -->
<div id="page-container" class="fade page-sidebar-fixed page-header-fixed">
    <!-- begin #header -->
    <div id="header" class="header navbar navbar-default navbar-fixed-top">
        <!-- begin container-fluid -->
        <div class="container-fluid">
            <!-- begin mobile sidebar expand / collapse button -->
            <div class="navbar-header">
                <a href="<?php echo url('admin/Index/index'); ?>" class="navbar-brand"><span class="navbar-logo"></span> 消防监测预警平台</a>
                <button type="button" class="navbar-toggle" data-click="sidebar-toggled">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <!-- end mobile sidebar expand / collapse button -->

            <!-- begin header navigation right -->
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <form class="navbar-form full-width">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="请输入关键字进行检索" />
                            <button type="submit" class="btn btn-search"><i class="fa fa-search"></i></button>
                        </div>
                    </form>
                </li>
                <li class="dropdown">
                    <a href="javascript:;" data-toggle="dropdown" class="dropdown-toggle f-s-14">
                        <i class="fa fa-bell-o"></i>
                        <span class="label">5</span>
                    </a>
                    <ul class="dropdown-menu media-list pull-right animated fadeInDown">
                        <li class="dropdown-header">Notifications (5)</li>
                        <li class="media">
                            <a href="javascript:;">
                                <div class="media-left"><i class="fa fa-bug media-object bg-red"></i></div>
                                <div class="media-body">
                                    <h6 class="media-heading">Server Error Reports</h6>
                                    <div class="text-muted f-s-11">3 minutes ago</div>
                                </div>
                            </a>
                        </li>
                        <li class="media">
                            <a href="javascript:;">
                                <div class="media-left"><img src="artisan_img/user-12.jpg" class="media-object" alt="" /></div>
                                <div class="media-body">
                                    <h6 class="media-heading">John Smith</h6>
                                    <p>Quisque pulvinar tellus sit amet sem scelerisque tincidunt.</p>
                                    <div class="text-muted f-s-11">25 minutes ago</div>
                                </div>
                            </a>
                        </li>
                        <li class="media">
                            <a href="javascript:;">
                                <div class="media-left"><img src="artisan_img/user-12.jpg" class="media-object" alt="" /></div>
                                <div class="media-body">
                                    <h6 class="media-heading">Olivia</h6>
                                    <p>Quisque pulvinar tellus sit amet sem scelerisque tincidunt.</p>
                                    <div class="text-muted f-s-11">35 minutes ago</div>
                                </div>
                            </a>
                        </li>
                        <li class="media">
                            <a href="javascript:;">
                                <div class="media-left"><i class="fa fa-plus media-object bg-green"></i></div>
                                <div class="media-body">
                                    <h6 class="media-heading"> New User Registered</h6>
                                    <div class="text-muted f-s-11">1 hour ago</div>
                                </div>
                            </a>
                        </li>
                        <li class="media">
                            <a href="javascript:;">
                                <div class="media-left"><i class="fa fa-envelope media-object bg-blue"></i></div>
                                <div class="media-body">
                                    <h6 class="media-heading"> New Email From John</h6>
                                    <div class="text-muted f-s-11">2 hour ago</div>
                                </div>
                            </a>
                        </li>
                        <li class="dropdown-footer text-center">
                            <a href="javascript:;">View more</a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown navbar-user">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                        <img src="artisan_img/user-12.jpg" alt="" />
                        <span class="hidden-xs"><?php echo \think\Session::get('userinfo')['username']; ?></span> <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu animated fadeInLeft">
                        <li class="arrow"></li>
                        <li><a href="<?php echo url('/Admin/Index/showuser',['id' => \think\Session::get('userinfo')['id']]); ?>" style="font-size: 14px;"><i class="fa fa-gear"></i> 查看信息</a></li>
                        <li><a href="<?php echo url('Admin/Login/logout'); ?>" style="font-size: 14px;"><i class="fa fa-power-off"></i> 退出</a></li>
                    </ul>
                </li>
            </ul>
            <!-- end header navigation right -->
        </div>
        <!-- end container-fluid -->
    </div>
    <!-- end #header -->
    <!-- begin #sidebar -->
    <div id="sidebar" class="sidebar">
        <!-- begin sidebar scrollbar -->
        <div data-scrollbar="true" data-height="100%">
            <!-- begin sidebar user -->
            <ul class="nav">
                <li class="nav-profile">
                    <div class="image">
                        <a href="javascript:;"><img src="artisan_img/user-12.jpg" alt="" /></a>
                    </div>
                    <div class="info">
                        <?php echo \think\Session::get('userinfo')['username']; ?>
                        <small>用户角色名</small>
                    </div>
                </li>
            </ul>
            <!-- end sidebar user -->
            <!-- begin sidebar nav -->
            <ul class="nav">
                <li class="has-sub">
                    <a href="<?php echo url('/admin/index/index'); ?>">
                        <i class="fa fa-laptop"></i>
                        <p>首页</p>
                    </a>
                </li>

                <li class="has-sub">
                    <a href="javascript:;">
                        <b class="caret pull-right"></b>
                        <i class="fa fa-map-marker"></i>
                        <p>地图定位</p>
                    </a>
                    <ul class="sub-menu">
                        <li><a href="<?php echo url('/admin/location/location'); ?>">高德地图</a></li>
                        <li><a href="<?php echo url('admin/position/index'); ?>">百度地图api</a></li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="javascript:;">
                        <b class="caret pull-right"></b>
                        <i class="fa fa-align-left"></i>
                        <p>实时监测</p>
                    </a>
                    <ul class="sub-menu">
                        <li class="has-sub">
                            <a href="javascript:;">
                                <b class="caret pull-right"></b>
                                1分厂
                            </a>
                            <ul class="sub-menu">
                                <li class="has-sub">
                                    <a href="javascript:;">
                                        <b class="caret pull-right"></b>
                                        1车间
                                    </a>
                                    <ul class="sub-menu">
                                        <li><a href="<?php echo url('admin/coring/index'); ?>">1工段</a></li>
                                        <li><a href="javascript:;">2工段</a></li>
                                    </ul>
                                </li>
                                <li><a href="javascript:;">2车间</a></li>
                                <li><a href="javascript:;">3车间</a></li>
                            </ul>
                        </li>
                        <li><a href="javascript:;">2分厂</a></li>
                        <li><a href="javascript:;">3分厂</a></li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="javascript:;">
                        <b class="caret pull-right"></b>
                        <i class="fa fa-medkit"></i>
                        <p>报警响应</p>
                    </a>
                    <ul class="sub-menu">
                        <li><a href="<?php echo url('admin/Alarm/alarmAnswer'); ?>">报警信息记录</a></li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="javascript:;">
                        <b class="caret pull-right"></b>
                        <i class="fa fa-area-chart"></i>
                        <p>历史查询</p>
                    </a>
                    <ul class="sub-menu">
                        <li><a href="<?php echo url('/admin/History/query'); ?>">查询</a></li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="javascript:;">
                        <b class="caret pull-right"></b>
                        <i class="fa fa-user"></i>
                        <p>用户管理</p>
                    </a>
                    <ul class="sub-menu">
                        <li><a href="<?php echo url('admin/Index/showuser',['id' => \think\Session::get('userinfo')['id']]); ?>">当前用户信息</a></li>
                        <li><a href="<?php echo url('admin/Users/showuser'); ?>">所有用户</a></li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="javascript:;">
                        <b class="caret pull-right"></b>
                        <i class="fa fa-cogs"></i>
                        <p>系统管理</p>
                    </a>
                    <ul class="sub-menu">
                        <li><a href="<?php echo url('/admin/system/monitor_define'); ?>">测点定义</a></li>
                        <li><a href="<?php echo url('admin/alarm/alarmSetting'); ?>">报警设置</a></li>
                        <li><a href="<?php echo url('admin/rolers/showrole'); ?>">角色管理</a></li>
                        <li><a href="<?php echo url('admin/action/showact'); ?>">权限管理</a></li>

                    </ul>
                </li>
                <li class="has-sub">
                    <a href="javascript:;">
                        <b class="caret pull-right"></b>
                        <i class="fa fa-key"></i>
                        <p>系统说明</p>
                    </a>
                    <ul class="sub-menu">
                        <li><a href="login.html">Login</a></li>
                        <li><a href="login_v2.html">Login v2</a></li>
                        <li><a href="login_v3.html">Login v3</a></li>
                        <li><a href="register_v3.html">Register v3</a></li>
                    </ul>
                </li>



                <!-- begin sidebar minify button -->
                <li><a href="javascript:;" class="sidebar-minify-btn" data-click="sidebar-minify"><i class="fa fa-angle-double-left"></i></a></li>
                <!-- end sidebar minify button -->
            </ul>
            <!-- end sidebar nav -->
        </div>
        <!-- end sidebar scrollbar -->
    </div>
    <div class="sidebar-bg"></div>
    <!-- end #sidebar -->
    <!-- begin #content -->
    
<!-- begin #content -->
<div id="content" class="content">
    <!-- begin breadcrumb -->
    <ol class="breadcrumb pull-right">
        <li><a href="javascript:;">首页</a></li>
        <li class="active">仪表盘</li>
    </ol>
    <!-- end breadcrumb -->
    <!-- begin page-header -->
    <h1 class="page-header">首页
        <small>仪表盘</small>
    </h1>
    <!-- end page-header -->

    <!-- begin row -->
    <div class="row">
        <!-- begin col-3 -->
        <div class="col-md-3 col-sm-6">
            <div class="widget widget-stats bg-green">
                <div class="stats-icon"><i class="fa fa-desktop"></i></div>
                <div class="stats-info">
                    <h4>Canceled</h4>
                    <p>已消除报警点：25</p>
                </div>
                <div class="stats-link">
                    <a href="javascript:;">查看 <i class="fa fa-arrow-circle-o-right"></i></a>
                </div>
            </div>
        </div>
        <!-- end col-3 -->
        <!-- begin col-3 -->
        <div class="col-md-3 col-sm-6">
            <div class="widget widget-stats bg-blue">
                <div class="stats-icon"><i class="fa fa-chain-broken"></i></div>
                <div class="stats-info">
                    <h4>Confirmed</h4>
                    <p>已确认报警点：12</p>
                </div>
                <div class="stats-link">
                    <a href="javascript:;">查看 <i class="fa fa-arrow-circle-o-right"></i></a>
                </div>
            </div>
        </div>
        <!-- end col-3 -->
        <!-- begin col-3 -->
        <div class="col-md-3 col-sm-6">
            <div class="widget widget-stats bg-orange">
                <div class="stats-icon"><i class="fa fa-users"></i></div>
                <div class="stats-info">
                    <h4>UnConfirmed</h4>
                    <p>未确认报警点：13</p>
                </div>
                <div class="stats-link">
                    <a href="javascript:;">查看 <i class="fa fa-arrow-circle-o-right"></i></a>
                </div>
            </div>
        </div>
        <!-- end col-3 -->
        <!-- begin col-3 -->
        <div class="col-md-3 col-sm-6">
            <div class="widget widget-stats bg-red">
                <div class="stats-icon"><i class="fa fa-clock-o"></i></div>
                <div class="stats-info">
                    <h4>Alarming</h4>
                    <p>已发起报警点：3</p>
                </div>
                <div class="stats-link">
                    <a href="javascript:;">查看 <i class="fa fa-arrow-circle-o-right"></i></a>
                </div>
            </div>
        </div>
        <!-- end col-3 -->
    </div>
    <!-- end row -->
    <!-- begin row -->
    <div class="row">
        <!-- begin col-8 -->
        <div class="col-md-8">
            <div class="panel panel-inverse" data-sortable-id="index-1">
                <div class="panel-heading">
                    <div class="panel-heading-btn">
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default"
                           data-click="panel-expand"><i class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success"
                           data-click="panel-reload"><i class="fa fa-repeat"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning"
                           data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger"
                           data-click="panel-remove"><i class="fa fa-times"></i></a>
                    </div>
                    <h4 class="panel-title">电气室回路信息 (Last 24 hours)</h4>
                </div>
                <div class="panel-body">
                    <div id="interactive-chart" class="height-sm"></div>
                </div>
            </div>

            <ul class="nav nav-tabs nav-tabs-inverse nav-justified nav-justified-mobile" data-sortable-id="index-2">
                <li class="active"><a href="#latest-post" data-toggle="tab"><i class="fa fa-picture-o m-r-5"></i> <span
                        class="hidden-xs">最新发布公示</span></a></li>
                <li class=""><a href="#purchase" data-toggle="tab"><i class="fa fa-shopping-cart m-r-5"></i> <span
                        class="hidden-xs">新增设备</span></a></li>
                <li class=""><a href="#email" data-toggle="tab"><i class="fa fa-envelope m-r-5"></i> <span
                        class="hidden-xs">已发送邮件</span></a></li>
            </ul>
            <div class="tab-content" data-sortable-id="index-3">
                <div class="tab-pane fade active in" id="latest-post">
                    <div class="height-sm" data-scrollbar="true">
                        <ul class="media-list media-list-with-divider">
                            <li class="media media-lg">
                                <a href="javascript:;" class="pull-left">
                                    <img class="media-object" src="artisan_img/gallery/gallery-1.jpg" alt=""/>
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">最新公告1</h4>
                                    Nullam at risus metus. Quisque nisl purus, pulvinar ut mauris vel, elementum
                                    suscipit eros. Praesent ornare ante massa, egestas pellentesque orci convallis ut.
                                    Curabitur consequat convallis est, id luctus mauris lacinia vel. Nullam tristique
                                    lobortis mauris, ultricies fermentum lacus bibendum id. Proin non ante tortor.
                                    Suspendisse pulvinar ornare tellus nec pulvinar. Nam pellentesque accumsan mi, non
                                    pellentesque sem convallis sed. Quisque rutrum erat id auctor gravida.
                                </div>
                            </li>
                            <li class="media media-lg">
                                <a href="javascript:;" class="pull-left">
                                    <img class="media-object" src="artisan_img/gallery/gallery-10.jpg" alt=""/>
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">最新公告2</h4>
                                    Fusce bibendum augue nec fermentum tempus. Sed laoreet dictum tempus. Aenean ac sem
                                    quis nulla malesuada volutpat. Nunc vitae urna pulvinar velit commodo cursus. Nullam
                                    eu felis quis diam adipiscing hendrerit vel ac turpis. Nam mattis fringilla euismod.
                                    Donec eu ipsum sit amet mauris iaculis aliquet. Quisque sit amet feugiat odio. Cras
                                    convallis lorem at libero lobortis, placerat lobortis sapien lacinia. Duis sit amet
                                    elit bibendum sapien dignissim bibendum.
                                </div>
                            </li>
                            <li class="media media-lg">
                                <a href="javascript:;" class="pull-left">
                                    <img class="media-object" src="artisan_img/gallery/gallery-7.jpg" alt=""/>
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">最新公告3</h4>
                                    Morbi placerat est nec pharetra placerat. Ut laoreet nunc accumsan orci aliquam
                                    accumsan. Maecenas volutpat dolor vitae sapien ultricies fringilla. Suspendisse
                                    vitae orci sed nibh ultrices tristique. Aenean in ante eget urna semper imperdiet.
                                    Pellentesque sagittis a nulla at scelerisque. Nam augue nulla, accumsan quis nisi a,
                                    facilisis eleifend nulla. Praesent aliquet odio non imperdiet fringilla. Morbi a
                                    porta nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
                                    cubilia Curae.
                                </div>
                            </li>
                            <li class="media media-lg">
                                <a href="javascript:;" class="pull-left">
                                    <img class="media-object" src="artisan_img/gallery/gallery-8.jpg" alt=""/>
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">最新公告4</h4>
                                    Fusce augue diam, vestibulum a mattis sit amet, vehicula eu ipsum. Vestibulum eu mi
                                    nec purus tempor consequat. Vestibulum porta non mi quis cursus. Fusce vulputate
                                    cursus magna, tincidunt sodales ipsum lobortis tincidunt. Mauris quis lorem ligula.
                                    Morbi placerat est nec pharetra placerat. Ut laoreet nunc accumsan orci aliquam
                                    accumsan. Maecenas volutpat dolor vitae sapien ultricies fringilla. Suspendisse
                                    vitae orci sed nibh ultrices tristique. Aenean in ante eget urna semper imperdiet.
                                    Pellentesque sagittis a nulla at scelerisque.
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="tab-pane fade" id="purchase">
                    <div class="height-sm" data-scrollbar="true">
                        <table class="table">
                            <thead>
                            <tr>
                                <th>Date</th>
                                <th class="hidden-sm">Product</th>
                                <th>Amount</th>
                                <th>User</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>13/02/2013</td>
                                <td class="hidden-sm">
                                    <a href="javascript:;">
                                        <img src="artisan_img/product/product-1.png" alt=""/>
                                    </a>
                                </td>
                                <td>
                                    <h6><a href="javascript:;">Nunc eleifend lorem eu velit eleifend, eget faucibus nibh
                                        placerat.</a></h6>
                                </td>
                                <td>$349.00</td>
                                <td><a href="javascript:;">Derick Wong</a></td>
                            </tr>
                            <tr>
                                <td>13/02/2013</td>
                                <td class="hidden-sm">
                                    <a href="javascript:;">
                                        <img src="artisan_img/product/product-2.png" alt=""/>
                                    </a>
                                </td>
                                <td>
                                    <h6><a href="javascript:;">Nunc eleifend lorem eu velit eleifend, eget faucibus nibh
                                        placerat.</a></h6>
                                </td>
                                <td>$399.00</td>
                                <td><a href="javascript:;">Derick Wong</a></td>
                            </tr>
                            <tr>
                                <td>13/02/2013</td>
                                <td class="hidden-sm">
                                    <a href="javascript:;">
                                        <img src="artisan_img/product/product-3.png" alt=""/>
                                    </a>
                                </td>
                                <td>
                                    <h6><a href="javascript:;">Nunc eleifend lorem eu velit eleifend, eget faucibus nibh
                                        placerat.</a></h6>
                                </td>
                                <td>$499.00</td>
                                <td><a href="javascript:;">Derick Wong</a></td>
                            </tr>
                            <tr>
                                <td>13/02/2013</td>
                                <td class="hidden-sm">
                                    <a href="javascript:;">
                                        <img src="artisan_img/product/product-4.png" alt=""/>
                                    </a>
                                </td>
                                <td>
                                    <h6><a href="javascript:;">Nunc eleifend lorem eu velit eleifend, eget faucibus nibh
                                        placerat.</a></h6>
                                </td>
                                <td>$230.00</td>
                                <td><a href="javascript:;">Derick Wong</a></td>
                            </tr>
                            <tr>
                                <td>13/02/2013</td>
                                <td class="hidden-tablet hidden-phone">
                                    <a href="javascript:;">
                                        <img src="artisan_img/product/product-5.png" alt=""/>
                                    </a>
                                </td>
                                <td>
                                    <h6><a href="javascript:;">Nunc eleifend lorem eu velit eleifend, eget faucibus nibh
                                        placerat.</a></h6>
                                </td>
                                <td>$500.00</td>
                                <td><a href="javascript:;">Derick Wong</a></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="tab-pane fade" id="email">
                    <div class="height-sm" data-scrollbar="true">
                        <ul class="media-list media-list-with-divider">
                            <li class="media media-sm">
                                <a href="javascript:;" class="pull-left">
                                    <img src="" alt="" class="media-object rounded-corner"/>
                                </a>
                                <div class="media-body">
                                    <a href="javascript:;"><h4 class="media-heading">Lorem ipsum dolor sit amet,
                                        consectetur adipiscing elit.</h4></a>
                                    <p class="m-b-5">
                                        Aenean mollis arcu sed turpis accumsan dignissim. Etiam vel tortor at risus
                                        tristique convallis. Donec adipiscing euismod arcu id euismod. Suspendisse
                                        potenti. Aliquam lacinia sapien ac urna placerat, eu interdum mauris viverra.
                                    </p>
                                    <i class="text-muted">Received on 04/16/2013, 12.39pm</i>
                                </div>
                            </li>
                            <li class="media media-sm">
                                <a href="javascript:;" class="pull-left">
                                    <img src="" alt="" class="media-object rounded-corner"/>
                                </a>
                                <div class="media-body">
                                    <a href="javascript:;"><h4 class="media-heading">Praesent et sem porta leo tempus
                                        tincidunt eleifend et arcu.</h4></a>
                                    <p class="m-b-5">
                                        Proin adipiscing dui nulla. Duis pharetra vel sem ac adipiscing. Vestibulum ut
                                        porta leo. Pellentesque orci neque, tempor ornare purus nec, fringilla venenatis
                                        elit. Duis at est non nisl dapibus lacinia.
                                    </p>
                                    <i class="text-muted">Received on 04/16/2013, 12.39pm</i>
                                </div>
                            </li>
                            <li class="media media-sm">
                                <a href="javascript:;" class="pull-left">
                                    <img src="" alt="" class="media-object rounded-corner"/>
                                </a>
                                <div class="media-body">
                                    <a href="javascript:;"><h4 class="media-heading">Ut mi eros, varius nec mi vel,
                                        consectetur convallis diam.</h4></a>
                                    <p class="m-b-5">
                                        Ut mi eros, varius nec mi vel, consectetur convallis diam. Nullam eget hendrerit
                                        eros. Duis lacinia condimentum justo at ultrices. Phasellus sapien arcu,
                                        fringilla eu pulvinar id, mattis quis mauris.
                                    </p>
                                    <i class="text-muted">Received on 04/16/2013, 12.39pm</i>
                                </div>
                            </li>
                            <li class="media media-sm">
                                <a href="javascript:;" class="pull-left">
                                    <img src="" alt="" class="media-object rounded-corner"/>
                                </a>
                                <div class="media-body">
                                    <a href="javascript:;"><h4 class="media-heading">Aliquam nec dolor vel nisl dictum
                                        ullamcorper.</h4></a>
                                    <p class="m-b-5">
                                        Aliquam nec dolor vel nisl dictum ullamcorper. Duis vel magna enim. Aenean
                                        volutpat a dui vitae pulvinar. Nullam ligula mauris, dictum eu ullamcorper quis,
                                        lacinia nec mauris.
                                    </p>
                                    <i class="text-muted">Received on 04/16/2013, 12.39pm</i>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- end col-8 -->
        <!-- begin col-4 -->
        <div class="col-md-4">
            <div class="panel panel-inverse" data-sortable-id="index-6">
                <div class="panel-heading">
                    <div class="panel-heading-btn">
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default"
                           data-click="panel-expand"><i class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success"
                           data-click="panel-reload"><i class="fa fa-repeat"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning"
                           data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger"
                           data-click="panel-remove"><i class="fa fa-times"></i></a>
                    </div>
                    <h4 class="panel-title">报警信息数据分析</h4>
                </div>
                <div class="panel-body p-t-0">
                    <table class="table table-valign-middle m-b-0">
                        <thead>
                        <tr>
                            <th>报警类型</th>
                            <th>次数</th>
                            <th>趋势</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td><label class="label label-danger">已发起</label></td>
                            <td>3 <span class="text-success"><i class="fa fa-arrow-up"></i></span></td>
                            <td>
                                <div id="sparkline-unique-visitor"></div>
                            </td>
                        </tr>
                        <tr>
                            <td><label class="label label-warning">未确认</label></td>
                            <td>13</td>
                            <td>
                                <div id="sparkline-new-visits"></div>
                            </td>
                        </tr>
                        <tr>
                            <td><label class="label label-success">已消除</label></td>
                            <td>25</td>
                            <td>
                                <div id="sparkline-total-page-views"></div>
                            </td>
                        </tr>
                        <tr>
                            <td><label class="label label-primary">已确认</label></td>
                            <td>12</td>
                            <td>
                                <div id="sparkline-avg-time-on-site"></div>
                            </td>
                        </tr>

                        </tbody>
                    </table>
                </div>
            </div>

            <div class="panel panel-inverse" data-sortable-id="index-8">
                <div class="panel-heading">
                    <div class="panel-heading-btn">
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default"
                           data-click="panel-expand"><i class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success"
                           data-click="panel-reload"><i class="fa fa-repeat"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning"
                           data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger"
                           data-click="panel-remove"><i class="fa fa-times"></i></a>
                    </div>
                    <h4 class="panel-title">待办清单</h4>
                </div>
                <div class="panel-body p-0">
                    <ul class="todolist">
                        <li class="active">
                            <a href="javascript:;" class="todolist-container active" data-click="todolist">
                                <div class="todolist-input"><i class="fa fa-square-o"></i></div>
                                <div class="todolist-title">Donec vehicula pretium nisl, id lacinia nisl tincidunt id.
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" class="todolist-container" data-click="todolist">
                                <div class="todolist-input"><i class="fa fa-square-o"></i></div>
                                <div class="todolist-title">Duis a ullamcorper massa.</div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" class="todolist-container" data-click="todolist">
                                <div class="todolist-input"><i class="fa fa-square-o"></i></div>
                                <div class="todolist-title">Phasellus bibendum, odio nec vestibulum ullamcorper.</div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" class="todolist-container" data-click="todolist">
                                <div class="todolist-input"><i class="fa fa-square-o"></i></div>
                                <div class="todolist-title">Duis pharetra mi sit amet dictum congue.</div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" class="todolist-container" data-click="todolist">
                                <div class="todolist-input"><i class="fa fa-square-o"></i></div>
                                <div class="todolist-title">Duis pharetra mi sit amet dictum congue.</div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" class="todolist-container" data-click="todolist">
                                <div class="todolist-input"><i class="fa fa-square-o"></i></div>
                                <div class="todolist-title">Phasellus bibendum, odio nec vestibulum ullamcorper.</div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" class="todolist-container active" data-click="todolist">
                                <div class="todolist-input"><i class="fa fa-square-o"></i></div>
                                <div class="todolist-title">Donec vehicula pretium nisl, id lacinia nisl tincidunt id.
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>


            <div class="panel panel-inverse" data-sortable-id="index-10">
                <div class="panel-heading">
                    <div class="panel-heading-btn">
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default"
                           data-click="panel-expand"><i class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success"
                           data-click="panel-reload"><i class="fa fa-repeat"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning"
                           data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger"
                           data-click="panel-remove"><i class="fa fa-times"></i></a>
                    </div>
                    <h4 class="panel-title">Calendar</h4>
                </div>
                <div class="panel-body">
                    <div id="datepicker-inline" class="datepicker-full-width">
                        <div></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end col-4 -->
    </div>
    <!-- end row -->
</div>
<!-- end #content -->

    <!-- end #content -->
    <!-- begin theme-panel -->
    <div class="theme-panel">
        <a href="javascript:;" data-click="theme-panel-expand" class="theme-collapse-btn"><i class="fa fa-cog"></i></a>
        <div class="theme-panel-content">
            <h5 class="m-t-0">Color Theme</h5>
            <ul class="theme-list clearfix">
                <li class="active"><a href="javascript:;" class="bg-green" data-theme="default" data-click="theme-selector" data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Default">&nbsp;</a></li>
                <li><a href="javascript:;" class="bg-red" data-theme="red" data-click="theme-selector" data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Red">&nbsp;</a></li>
                <li><a href="javascript:;" class="bg-blue" data-theme="blue" data-click="theme-selector" data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Blue">&nbsp;</a></li>
                <li><a href="javascript:;" class="bg-purple" data-theme="purple" data-click="theme-selector" data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Purple">&nbsp;</a></li>
                <li><a href="javascript:;" class="bg-orange" data-theme="orange" data-click="theme-selector" data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Orange">&nbsp;</a></li>
                <li><a href="javascript:;" class="bg-black" data-theme="black" data-click="theme-selector" data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Black">&nbsp;</a></li>
            </ul>
            <div class="divider"></div>
            <div class="row m-t-10">
                <div class="col-md-5 control-label double-line">Header Styling</div>
                <div class="col-md-7">
                    <select name="header-styling" class="form-control input-sm">
                        <option value="1">default</option>
                        <option value="2">inverse</option>
                    </select>
                </div>
            </div>
            <div class="row m-t-10">
                <div class="col-md-5 control-label">Header</div>
                <div class="col-md-7">
                    <select name="header-fixed" class="form-control input-sm">
                        <option value="1">fixed</option>
                        <option value="2">default</option>
                    </select>
                </div>
            </div>
            <div class="row m-t-10">
                <div class="col-md-5 control-label double-line">Sidebar Styling</div>
                <div class="col-md-7">
                    <select name="sidebar-styling" class="form-control input-sm">
                        <option value="1">default</option>
                        <option value="2">grid</option>
                    </select>
                </div>
            </div>
            <div class="row m-t-10">
                <div class="col-md-5 control-label">Sidebar</div>
                <div class="col-md-7">
                    <select name="sidebar-fixed" class="form-control input-sm">
                        <option value="1">fixed</option>
                        <option value="2">default</option>
                    </select>
                </div>
            </div>
            <div class="row m-t-10">
                <div class="col-md-5 control-label double-line">Sidebar Gradient</div>
                <div class="col-md-7">
                    <select name="content-gradient" class="form-control input-sm">
                        <option value="1">disabled</option>
                        <option value="2">enabled</option>
                    </select>
                </div>
            </div>
            <div class="row m-t-10">
                <div class="col-md-5 control-label double-line">Content Styling</div>
                <div class="col-md-7">
                    <select name="content-styling" class="form-control input-sm">
                        <option value="1">default</option>
                        <option value="2">black</option>
                    </select>
                </div>
            </div>
            <div class="row m-t-10">
                <div class="col-md-12">
                    <a href="#" class="btn btn-inverse btn-block btn-sm" data-click="reset-local-storage"><i class="fa fa-refresh m-r-3"></i> Reset Local Storage</a>
                </div>
            </div>
        </div>
    </div>
    <!-- end theme-panel -->
    <!-- begin scroll to top btn -->
    <a href="javascript:;" class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade" data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
    <!-- end scroll to top btn -->
    <audio id="bgmusic">
        <source = src="/static/audio/4611.mp3" type="audio/mp3">
    </audio>
</div>
<!-- end page container -->
<!-- ================== BEGIN BASE JS ================== -->
<script src="artisan_plugins/jquery/jquery-1.9.1.min.js"></script>
<script src="artisan_plugins/jquery/jquery-migrate-1.1.0.min.js"></script>
<script src="artisan_plugins/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="artisan_plugins/bootstrap/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="assets/crossbrowserjs/html5shiv.js"></script>
<script src="assets/crossbrowserjs/respond.min.js"></script>
<script src="assets/crossbrowserjs/excanvas.min.js"></script>
<![endif]-->
<script src="artisan_plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="artisan_plugins/jquery-cookie/jquery.cookie.js"></script>
<script src="artisan_plugins/pace/pace.min.js"></script>
<!-- ================== END BASE JS ================== -->
<!-- ================== BEGIN PAGE LEVEL JS ================== -->
<script src="artisan_plugins/gritter/js/jquery.gritter.js"></script>
<script src="artisan_plugins/flot/jquery.flot.min.js"></script>
<script src="artisan_plugins/flot/jquery.flot.time.min.js"></script>
<script src="artisan_plugins/flot/jquery.flot.resize.min.js"></script>
<script src="artisan_plugins/flot/jquery.flot.pie.min.js"></script>
<script src="artisan_plugins/sparkline/jquery.sparkline.js"></script>
<script src="artisan_plugins/jquery-jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="artisan_plugins/jquery-jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<script src="artisan_plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="artisan_js/apps.min.js"></script>
<script>
    $(document).ready(function () {
        App.init();
        //侧边栏active添加
        function sidebarActive() {
            if (window.location.pathname == '/admin/index/index.html') {
                $('li.has-sub').eq(0).addClass("active");
            }
            $('ul.sub-menu').each(function () {
                $(this).children().each(function () {
                    if ($(this).children().attr("href") == window.location.pathname) {
                        $(this).addClass("active");
                        $(this).parents('li').addClass("active");
                    }
                })
            });
        }
        sidebarActive();
        //侧边栏实时监测动态添加
        function sidebarAdd() {
            $.ajax({
                type:'post',
                url:'',
                data:{},
                success:function () {
                    
                }
            })
        }

        $(function () {
            // 定时刷新
            setTimeout(function () {
                    alltimedata();
                },
                200);//setTimeout 程序执行后200毫秒执行push，但是仅此一次。
            setInterval(function () {
                    alltimedata();
                },
                5000);
            // 利用ajax动态加载实时监测信息，实现定时及页面局部刷新
            function alltimedata() {
                $.ajax({
                    url: '/admin/coring/getdata',
                    data: {},
                    type: 'get',
                    datatype: 'json',
                    async: true,
                    success: function (data) {
                        var status = eval("(" + data + ")");
                        var isAlarm = 0;
                        for(var i=0; i<status.length;i++) {
                            // alert(status[i].status);
                            if(status[i].status == 2) {
                                isAlarm = 1;
                            }      
                        }
                            if(isAlarm == 1) {
                            var audio = document.getElementById("bgmusic");
                            audio.play();                                  
                            }

                    }
                });
            }
    });

    });
</script>



<script src="artisan_js/dashboard.min.js"></script>
<script type="text/javascript">
     $(document).ready(function () {
        Dashboard.init();
    //     $.gritter.add({
    //         title: '欢迎回来, Admin!',
    //         text: '暂无需要处理事件',
    //         image: '/static/img/user-2.jpg',
    //         sticky: false,
    //         time: 5000,
    //         speed: 500
    //     });
     })
</script>

<!-- ================== END PAGE LEVEL JS ================== -->

